/**
    核心产品 page
    lbj 2018.6.7
 */

<style lang="scss" scoped>
@import "../css/tools";
.core {
  .banner {
    background: #999;
  }
  .full-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    
  }
  .page1 {
    padding: 120px 0 75px;
    text-align: center;
    img {
      width: 68%;
    }
    .tit {
      font-size: $titFS;
      span {
        color: $fontActiveYellow;
      }
    }
    .stb-tit {
      font-size: $stbTitFS;
      padding: 30px 0 15px;
    }
  }
  .page2 {
    padding: 55px 0;
    background: #d3ecff;
    img {
      width: 74%;
    }
    div:first-child {
      padding: 100px 30px 0 0;
      img {
        width: 80%;
      }
    }
    div:last-child {
      padding-left: 60px;
    }
  }
  img.tag {
    width: 12%;
    position: absolute;
    top: -5%;
  }
 .tit{
 	font-size: $titFS;
 }
.stb-tit {
  font-size: $stbTitFS;
  }
  .left-8{
  	left:8%;
  }
  .right-8{
  	right:8%;
  }
}
</style>
<template>
    <div class="core">
        <div class="banner">
            <img src="../img/core-banner.png" class="w100" alt="">
        </div>
        <div class="page1 bgfff border-t">
            <div class="text">
                <div class="tit">农林生物质 <span class="font-w">无焦油</span> 气化设备</div>
                <div class="stb-tit">采用 <span class="font-w">"国内唯一、国际领先"</span></div>
                <div class="">的原位催化脱焦技术实现秸秆无焦油气化</div>
            </div>
            <img src="../img/core-page1.png" class="w50" alt="">
        </div>
        <div class="page2 flex-col">
            <div class="w50 text-r box-sizing">
                <img src="../img/core-paage2.png" class="" alt="">
            </div>
            <div class="w50 box-sizing">
                <img src="../img/core-page22.png" alt="">
            </div>
        </div>
        <div class="page3 position-r cfff text-c">
            <img src="../img/core-page3.png" class="w100" alt="">
            <img src="../img/tag1.png" class="tag left-8" alt="">
            <div class="full-img">
                <div style="margin-top: 120px;color: #47b065;font-size:16px;" >ZERO TAR IS FREE FROM POLLUTION</div>
                <div class="tit" style="font-family: '微软雅黑';font-weight: bold;margin-top: 35px;">
                   <p>0焦油 无污染</p>
                   <p style="margin-top: 10px;">能量转换效率＞84%</p>
                </div>
                <div style="margin-top: 25px;font-family: '微软雅黑';font-size: 14px;">
                    <p >火尔赤生物质 无焦油气化设备采用领先核心技术能量转化率比传统气化技术提升
                   	<strong style="font-size: 28px;">40%</strong><br />
                   	为企业带来更大的经济效益，投资回报周期缩短至
                   	<strong style="font-size: 28px;">2年</strong>
                    </p>
                </div>
            </div>
        </div>
        
        <div class="page4  position-r">
        	<img src="../img/tag2.png" class="tag right-8" alt="">
        	<div class="" style="height: 120px;"></div>
        	<div>
                <div style="font-family: '微软雅黑';color: #000;width: 50%;position: absolute;left: 0;padding-left:10% ;">
				<p style="color: #f6ab00;">SMALL FOOTPRINT</p>
				<p style="margin-top: 20px;font-weight: bold;" class="tit">占地面积小</p>
				<p style="font-weight: 800;font-size: 38px;margin-top: 10px;">可实现分布式能源供应</p>
				<p style="margin-top: 48px;font-size: 16px;"><font style="color: #f6ab00;font-size: 21px;">></font> 1台设备集进料、气化、产气、制炭、产热、发电、控制于一体</p>
				<p style="margin-top: 48px;font-size: 16px;margin-top: 12px;"><font style="color: #f6ab00;font-size: 21px;">></font> 集装箱撬装模式，占地＜30m²，小巧灵活，可移动及搬迁</p>
				<p style="margin-top: 48px;font-size: 16px;margin-top: 12px;"><font style="color: #f6ab00;font-size: 21px;">></font> 彻底实现分布式能源供应，工业标准化生产</p>
				<p style="margin-top: 48px;font-size: 16px;margin-top: 12px;"><font style="color: #f6ab00;font-size: 21px;">></font> 现场3小时实现发电上网</p>
                </div>
        		<img src="../img/core-page4.png" class="" style="float: right;width: 60%;" alt="">
        	</div>
            <div style="clear: both;"></div>
        </div> 
        <div class="page3 position-r cfff">
            <img src="../img/core-page5.png" class="w100" alt="">
            <img src="../img/tag3.png" class="tag left-8" alt="">
            <div style="right: 15%;top: 160px;position: absolute;">
                <p style="color: #f6ab00;">REMOTE MONITORING</p>
                <div class="tit" style="font-family: '微软雅黑';font-weight: bold;margin-top: 20px;">
                    <p>工业4.0技术</p>
                    <p  style="margin-top: 10px;font-size: 38px;">全自动远程监控</p>
                </div>
                <div style="margin-top: 70px;font-family: '微软雅黑';font-size: 14px;">
                    <p >1名工人可用1部手机同时操作10台设备</p>
                    <p style="margin-top: 10px;">运营成本大大降低</p>
                </div>
            </div>
        </div>
        
        <div class="page3 position-r cfff text-c">
            <img src="../img/core-page6.png" class="w100" alt="">
            <img src="../img/tag4.png" class="tag right-8" alt="">
            <div class="full-img">
                <div style="margin-top: 60px;color: #f6ab00;" >ONE-STEP PHYSICAL METHOD</div>
                <div class="tit" style="font-family: '微软雅黑';font-weight: bold;margin-top: 20px;">
                    <p>一步物理法生成活性炭</p>
                </div>
                <div style="font-family: '微软雅黑';font-size: 14px;width: 640px;height: 100px;margin:0 auto;">
                <div style="width: 50%;float: left;margin-top: 90px;text-align: right;position: relative;">
               	<p style="font-size: 18px;position: absolute;right: 80px;">传统技术生成活性炭</p>
               	<div style="font-size: 14px;position: absolute;right: 80px;top: 60px;color: #a7a7a7;">
               		<p>炭的热值低</p>
               		<p style="margin-top: 20px;">一般在3000大卡以下</p>
               		<p style="margin-top: 20px;">需水降温、需烘干 含水量较高</p>
               		<p style="margin-top: 20px;">一般仅用作肥料及制作烧烤炭使用</p>
               		<p style="margin-top: 20px;">经济效益低</p>
               	</div>
                </div>
                <div style="width: 50%;float: right;margin-top: 90px;text-align: left;position: relative;">
               	<p style="font-size: 18px;position: absolute;left: 80px;">火尔赤优质活性炭</p>
               	<div style="font-size: 14px;position: absolute;left: 80px;top: 60px;color: #000;">
               		<p>炭热值高＞5000大卡</p>
               		<p style="margin-top: 13px;">碘值＞990</p>
               		<p style="margin-top: 13px;">含水率＜10%</p>
               		<p style="margin-top: 13px;">纯物理法生成</p>
               		<p style="margin-top: 13px;">不用二次处理</p>
               		<p style="margin-top: 14px;">一次袋装出品</p>
               	</div>
                </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: "core"
};
</script>


